﻿@charset "utf-8";
/* CSS Document */
*{
	margin:0;
	padding:0;
}
header, footer, nav, section, article {
	display:block;
}
body{
	font-family:"微软雅黑";
	font-size:14px;
    background:#fff;
	max-width:720px;
	margin: 0 auto;
}
.color_bghui{
background:#f6f6f6;
}
.color_bai {
background:#fff;
}
.bo_dy {height:auto;}
.bg_fff{background:#fff;}

:focus{
	outline:0;
}
a:link{
	text-decoration:none;

}
a:visited{
	text-decoration:none;

}
a:hover{
	text-decoration:none;
	
}
a:active{
	text-decoration:none;
	
}
a img{
	border:0;
}
img{
	vertical-align:top;
}
ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,form{
	font-weight:normal;
	font-style:normal;
	margin:0;
	padding:0;
   
}
ul,ol{
	list-style:none;
}
.cheng{height:1.4rem;}


/*==========banner01==========*/
.flexslider{position:relative;overflow:hidden;}
.slides{position:relative;z-index:1;}
.slides li{width:100%;}
.slides li a{display:block;z-index:999999;}
.flex-control-nav{position:absolute;bottom:5%;z-index:2;text-align:center;width:100%;}
.flex-control-nav li{display:inline-block;width:10px;height:10px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:10px;height:10px;line-height:40px;overflow:hidden;background:none;cursor:pointer; border-radius:50px;border:1px #fedd60 solid;}
.flex-control-nav .flex-active{background:#fedd60;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}

/*------------首页样式开始--------------*/

.logo{width:0.8rem;padding-top:0.3rem;}
.logo span{display:inline-block;font-size:0.24rem;}
.logo img{width:0.23rem;}
.logo span.pull-left{width:0.24rem;}
.big_box{background:#f6f6f6;}
.page_top{overflow:hidden;position:absolute;z-index:9999999;width:100%;padding:0 0.18rem;height:0.9rem;}
.relative {position:relative;}
.search_box{width:5.68rem;}
.search_box input{background:rgba(255,255,255,.5);margin-top:8px;padding-left:0.6rem;width:100%;border-radius:20px;border:none;box-shadow:-3px 0 10px #ccc;}
.search_box img{width:20px;}
.search_box a{width:0.28rem;height:0.28rem;display:block;position:absolute;left:10px;top:15px;}

.first_fl{background:#fff;border-radius:10px;margin:0.2rem 0;padding:0.3rem 0.2rem;box-shadow:0 0 15px #ccc;}
.first_tit{position:relative;height:0.3rem;}
.first_tit span{display:block;border-bottom:1px #efefef solid;width:50%;position:absolute;z-index:1;top:0.2rem;left:50%;margin-left:-25%;} 
.first_tit h3{font-size:0.3rem;color:#545454;position:absolute;text-align:center;left:50%;margin-left:-15%;width:30%;background:#fff;z-index:2;}
.fl_con{text-align:center;}
.fl_con ul{margin-left:-0.83rem;margin-top:0.3rem;}
.fl_con ul li{float:left;margin-left:0.83rem;width:0.92rem;}
.fl_con ul li a{display:block;}
.fl_con ul li img{width:0.92rem;}
.fl_con ul li p{font-size:0.24rem;color:#545454;padding:0.25rem 0 0.1rem;}

.fir_hd{height:2.4rem;overflow-x:auto;margin:0.2rem 0;overflow-y:hidden;}
.fir_hd ul{height:2.55rem;margin-left:-0.3rem;width:250%;}
.fir_hd ul li{float:left;margin-left:0.3rem;}
.fir_hd ul li a{display:block;}
.fir_hd ul li img{width:4.45rem;}

.fir_tj{position:relative;}
.fir_tj .first_tit{margin:0.15rem 0;}
.fir_list ul{margin-left:-3%;}
.fir_list ul li{float:left;width:47%;margin-left:3%;border:1px #eeeeee solid;border-radius:10px;margin-top:4%;}
.fir_list ul li a{display:block;}
.fir_list ul li img{width:100%;border-radius:10px 10px 0 0;}
.fir_list ul li h4{font-size:0.24rem;color:#333;line-height:0.5rem;font-weight:bold;}
.fir_list ul li .con{padding:0.15rem;}
.fir_list ul li p{font-size:0.2rem;color:#6e6e6e;line-height:0.4rem;height:1.6rem;overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  }
.fir_list ul li:hover,.fir_list ul li:focus{box-shadow:0 0 5px #ccc;}

.footer{position:fixed;z-index:9999;bottom:0;width:100%;background:#f7f7f7;padding:0.15rem 0;}
.footer ul{padding:0 5%;}
.footer ul li{float:left;width:1.13rem;text-align:center;}
.footer ul li img{width:0.45rem;height:0.41rem;}
.footer ul li:nth-child(2){margin-right:1.88rem;}
.footer ul li p{font-size:0.2rem;color:#545454;line-height:0.4rem;}

.middle_01{padding-bottom:1.5rem;}

.icon_fot{position:fixed;left:50%;bottom:0;z-index:99999;margin-left:-0.57rem;}
.icon_fot img{width:1.13rem;}
.none{display:none;}

.more a{display:block;width:3rem;height:0.8rem;background:#fedd60;text-align:center;margin:20px auto;line-height:0.8rem;font-size:0.24rem;color:#fff;border-radius:5px;}

/*------------推荐故事--------------*/
.relative{position: relative;}
.fixed{position:fixed;left:0px;top:0;width:100%}

.reture_img{position:absolute;left:0.2rem;top:0.3rem;width:0.24rem;}
.page_top01{height:1rem;background:#fff;background:#FFB800;margin-bottom:1px;border-radius:5px;-webkit-border-radius:5px;}
.page_top01 h3{font-size:0.3rem;color:#545454;line-height:1rem;}

.search_rec{background:#fff;padding:0.2rem;width:100%;}
.search_rec input{margin-top:0;box-shadow:none;border:1px #e6e6e6 solid;border-radius:3px;padding-left:0.44rem;}
.search_rec .sou{position:absolute;top:50%;margin-top: -0.125rem;left:0.12rem;width:0.25rem;height:0.25rem;}
.recommend_con ul li{margin-top:0.3rem;}
.recommend_con ul li img{width:2.4rem;height:1.8rem;border-radius:3px;}
.recommend_con ul li .pull-right{width:4.08rem;}
.recommend_con ul li .pull-right h3{font-size:0.26rem;color:#545454;padding:0.2rem 0;}
.recommend_con ul li .pull-right p{
	font-size:0.24rem;color:#6e6e6e;  text-overflow: ellipsis;
	height:1.08rem;overflow:hidden;line-height:0.36rem;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;

}
.sx_tit{border-bottom:1px #e6e6e6 solid;padding:0.2rem;position:relative;}
.sx_tit ul li{float:left;text-align:center;width:30%;height:0.45rem;line-height:0.45rem;position:relative;}
.sx_tit ul li.line{border-left:1px #e6e6e6 solid;width:1px;position:absolute;left:50%;}
.sx_tit ul li a{font-size:0.24rem;color:#666;}
.sx_tit ul li a span{font-size:0.1rem;display:inline-block;margin-left:0.1rem;}

.sub_nav{position:absolute;width:100%;background:#fff;top:0.66rem;padding:0.2rem;display:none;}
.sub_nav dl dd{padding:0.18rem 0;}
.sub_nav dl dd:first-child{border-bottom:1px #ccc solid;padding-top:0.1rem;text-align:left;padding-left:0.1rem;}
.sub_nav dl dd h6{font-size:0.26rem;}
.sub_nav dl dd a{text-align:left;padding-left:0.35rem;display:block;}

/*------------情商--------------*/
.detail_video video{width: 100%;height:4.28rem;}
.top_name{padding:0.2rem;border-top:1px #e6e6e6 solid;}
.top_name img{width:0.9rem;height:0.9rem;}
.top_name h3{font-size:0.24rem;color:#545454;line-height:0.9rem;padding-left:0.2rem;}
.pro_detail{padding:0.2rem;}
.pro_detail .tit_d{text-align:center;}
.pro_detail .tit_d h1{font-size:0.3rem;color:#545454;}
.pro_detail .tit_d span{display:block;padding:0.15rem 0;font-size:0.2rem;color:#6e6e6e;}
.pro_detail .pro_con p{background:#f5f5f5;margin-top:0.1rem;font-size:0.22rem;color:#6e6e6e;text-overflow: ellipsis;padding:0.2rem;overflow:hidden;line-height:0.5rem;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;}
.pro_detail .pro_con img{position:absolute;width:0.5rem;height:0.23rem;left:50%;margin-left:-0.25rem;top:1.1rem;}
.prodetail_gm{padding:0.2rem 0;}
.prodetail_gm p{font-size:0.2rem;color:#666666;}
.prodetail_gm p span{font-size:0.24rem;color:#fedd60;}
.prodetail_gm a{display:block;/*padding:0.1rem 0.3rem;*/border-radius:3px;font-size:0.2rem;color:#914200;background:#fedd60;width:1.5rem;height:0.5rem;line-height:0.5rem;text-align:center;}

.pl_list{padding:0.25rem 0.2rem 0;}
.pl_list ul li{padding:0.2rem 0;border-top:1px #e6e6e6 solid;}
.pl_list ul li img{width:0.8rem;height:0.8rem;}
.r_con{padding-left:0.2rem;}
.r_con h3{font-size:0.22rem;color:#545454;padding:0.2rem 0 0;}
.r_con span{display:block;font-size:0.18rem;color:#737373;padding:0.05rem 0;}
.r_con p{font-size:0.2rem;color:#6e6e6e;}

.fen_ye{text-align:center;}
.fen_ye dl dd{display:inline-block;/*padding:0.1rem 0.3rem;*/background:#f5f5f5;border-radius:3px;}
.fen_ye dl dd a{font-size:0.2rem;color:#666666;height:0.5rem;line-height:0.5rem;text-align:center;display:block;width:1.5rem;}
.iq_bot{position:fixed;width:100%;bottom:0;z-index:9999}

.iq_bot ul li{width:49.9%;background:#f7f7f7;float:left;padding:0.2rem 0;}
.iq_bot ul li a span{display:block;text-align:center;font-size:0.22rem;color:#545454;}
.iq_bot ul li img{height:0.34rem;}
.ping_lun .first_tit h3{margin-left:-10%;width:20%;}

.pl_text{position:fixed;width:100%;bottom:0;padding:0.2rem;display:none;background:#fff;}
.pl_text .pull-left{width:79%;}
.pl_text .pull-right{width:19%;}
.pl_text .pull-left input{width:100%;height:0.5rem;border-radius:5px;border:1px #ccc solid ;padding:0.1rem;}
.pl_text .pull-right a{display:block;background:#fedd60;color:#fff;text-align:center;border-radius:5px;height:0.5rem;line-height:0.5rem;}

.sc_focus{display:none;}



.fl{float:left}
.fr{float:right}
@media (min-width: 450px) and (max-width: 768px){
  .logo{padding-top:8px;}
}
.pro.sx_tit{border:0;}
.pro.sx_tit input{
	width: 100%;
	border:1px solid #e6e6e6;
	height:.45rem;
	box-sizing:border-box;
	padding: 5px;
	background: url(../images/icon_search.png) no-repeat 5px center;
	padding-left: 25px;
	background-size:auto 70%;
	font-size:.2rem;
}
.product_con .container ul{margin-top: .2rem;}
.product_con .container ul li{
	width:48%;
	float:left;
	transition:all .3s;
	border-radius:5px;
	border:1px solid #eeeeee;
	box-sizing:border-box;
	margin-bottom: .3rem;
}
.product_con .container ul li:nth-child(even){
	float:right;
}
.product_con .container ul li:hover{
	box-shadow:0px 0px 10px rgba(0,0,0,.8)
}
.container{
	padding: 0 .2rem;
}
.product_con .container ul li h2{
	font-size:.25rem;
	color:#545454;
	margin-bottom: .1rem;
}
.product_con .container ul li .txt{
	padding: .15rem;
}
.product_con .container ul li img{
	width: 100%;
}
.product_con .container ul li .buy-now{text-align: right;margin-top: .23rem;}
.product_con .container ul li a{
	display: inline-block;
	width: 1.1rem;
	height: .4rem;
	background: #fedd60;
	font-size:.2rem;
	color:#914200;
	text-align: center;
	line-height: .4rem;
	border-radius:5px;

}


.product_con .container ul li,
.product_con .container ul li .time,
.product_con .container ul li .price{
	font-size:.2rem;
	line-height: .35rem;
	color:#666;
}

.user_setting{
	position: absolute;
	width:.46rem;
	right:.2rem;
	top:.3rem;
}
.user_setting img{max-width:100%}
.user_box{
	height: 4rem;
	background: url(../images/user_bg.png) no-repeat center center;
	background-size:cover;
	box-sizing:border-box;
	padding: 1.6rem .35rem 1rem;
}
.user_box .pic{width: 1.37rem;margin-right: .15rem;}
.user_box .pic img{border-radius:50%;max-width:100%;border:1px solid #fff;}
.user_box .txt{padding: .2rem 0;}
.uc_con{/* margin-top: 1rem; */height:100%;}
.user_box .txt h2,
.user_box .txt p{
	font-size:.3rem;
	line-height:.5rem;
}
.uc_con{
	background: #f0f3f7;
}

.uc_con ul li{
	padding: .2rem 0;
	font-size:.3rem;
	line-height: .5rem;
	color:#545454;
	box-sizing:border-box;
	margin-bottom: .1rem;
	padding-left: .8rem;
}
.uc_con ul{margin-top: .2rem;}
.uc_con ul li img{
	float:right;
	margin:.15rem .2rem 0 0;
	width:.15rem;

}
.uc_con ul li:first-child{
	background: #fff url(../images/user_icon_1.png) no-repeat .2rem center;
	background-size:auto 50%;
}
.uc_con ul li:nth-child(2){
	background: #fff url(../images/user_icon_2.png) no-repeat .2rem center;
	background-size:auto 50%;
}
.uc_con ul li:nth-child(3){
	background: #fff url(../images/user_icon_3.png) no-repeat .2rem center;
	background-size:auto 50%;
}
.uc_con ul li:nth-child(4){
	background: #fff url(../images/user_fabu.png) no-repeat .2rem center;
	background-size:auto 50%;
}
.uc_con ul li:nth-child(5){
	background: #fff url(../images/user_wodefabu.png) no-repeat .2rem center;
	background-size:auto 50%;
}
.uc_con ul li:nth-child(6){
	background: #fff url(../images/kefu.png) no-repeat .2rem center;
	background-size:auto 50%;
}
.uc_con ul li:nth-child(7){
	background: #fff url(../images/user_icon_4.png) no-repeat .2rem center;
	background-size: auto 50%;
}
/* 登录 */
.cust_logins, .cust_regi{
	width:100%;
	height:100%;
	background: url(../images/logi_bg.png) no-repeat center center;
}
body.logi,body.regi{
	
}
.logi_box{
	width:5.8rem;
	padding: 1.48rem 0 0;
	margin: 0 auto;
	
}
.logi_box .avator{
	width:2.77rem;
	margin: 0 auto 1.1rem;
}
.logi_box .avator img{
	max-width:100%;
}
.logi_box .inputs input{
	width: 100%;
	height: .8rem;
	border-radius:10px;
	margin-bottom: .46rem;
	padding:0 .1rem 0 1rem;
	color:#4d4d4d;
	outline:none;
	border:0;
	font-size:.3rem;
}
.logi_box .inputs>:first-child{
	background:rgba(224,224,224,.7) url(../images/logi_01.png) no-repeat .25rem center;
	background-size:auto 60%;
}
.logi_box .inputs>:nth-child(2){
	background:rgba(224,224,224,.7) url(../images/logi_02.png) no-repeat .25rem center;
	background-size:auto 60%;
}
.logi_box .login_btn{
	margin-top: .7rem;
}
.logi_box .logi_btn a{
	display: block;
	width: 100%;
	height: .8rem;
	color:#4c4c4c;
	border-radius:5px;
	font-size:.3rem;
	text-align: center;;
	line-height: .8rem;
	background: #fedd60;
}
.logi_box .other-ways ul li{
	float:left;
}
.logi_box .ctrl{
	margin: .3rem 0 .87rem;
}
 .logi_box .ctrl a{
	font-size:.24rem;
	color:#666;
 }
.logi_box .other-ways ul{
	width:90%;
	margin: 0 auto;
	display:flex;
	justify-content:space-between;

}
.logi_box .other-ways ul li img{
	display: block;
	width:.85rem;
	height:.85rem;
	margin:0 auto .2rem;
}

/* 注册 */
.regi.logi_box .inputs input{margin-bottom: 0;padding: 0;}
.regi.logi_box .inputs .code input{
	width: 70%;
}
.regi.logi_box .pro{
	margin:.3rem 0 .8rem;
	font-size:.23rem;
	color:#666666;
}
.regi.logi_box  input[type='checkbox']{
	transform:translate(-2px,2px)
}
.red{color:#ff2832;}
.regi.logi_box .inputs .code a{
	float:right;
	display: block;
	width: 1.32rem;
	height: .45rem;
	background: #fedd60;
	border-radius:5px;
	font-size:.2rem;
	color:#666;
	text-align: center;
	line-height: .45rem;
	margin-top: .15rem;
}
.regi.logi_box .inputs>div{
	background: none;
	border-bottom:1px solid #cfcfcf;
	margin-bottom: .33rem;
}
.regi.logi_box .inputs input{
	height: .7rem;
	
}
/* 资讯 */
.reco_01 .pic{
	width: 33%;
}
.reco_01 .text{
	width: 67%;
	padding-right: .2rem;
	box-sizing:border-box;
}
.reco_01 .text p{
	text-overflow:ellipsis;
	overflow:hidden;
	word-wrap:break-word;
	height:60px;
	width:100%;
}
.reco_01 .pic img{max-width:100%}
.tips .reco img{height: .3rem;}
.tips span{
	font-size:.2rem;
	color:#808080;
	vertical-align: top;
}
.reco_item.reco_02 .pic,
.reco_item.reco_03 .pic{margin-top: .2rem;}

.reco_item.reco_02 .pic{
	margin:.2rem -.2rem 0 0;
}
.reco_item.reco_02 .pic>div{
	width: 2.13rem;
	margin-right: .2rem;
}
.reco_item.reco_02 .pic img{
	width: 100%;
	height: 1.33rem;
}
.reco_item{padding: .3rem 0;border-bottom:1px solid #e6e6e6}

.reco_01 .tips,
.reco_02 .tips,
.reco_03 .tips,
.reco_04 .tips{margin-top: .2rem;}

.reco_01 .text,.reco_02  .text,.reco_03 .text,.reco_04 .text{
	font-size:.24rem;
	color:#545454;
	line-height: 1.6;
}
.reco_item.reco_03 img{max-width:100%}

.info_con .container>:last-child{border: 0;}


.progress_con .container{
	padding-left:.5rem;
}
.progress_con .pic img{width: 100%;}
.progress_con  ul li h1{
	font-size:.3rem;
	color:#545454;
	position: relative;
}
.progress_con  ul li .pic{
	padding-right: .2rem;
}
.progress_con ul{
	border-left:2px solid #fedd60;
	padding-left:.23rem;
}

.progress_con  ul li h1 img{
	position: absolute;
	left: -19px;
    top: -1px;
	width:.25rem;
}
.progress_con  ul li{
	margin-bottom: .5rem;
}
.progress_con  ul li p{
	font-size:.2rem;
	color:#666666;
	margin: .2rem 0;
	height:2rem;
	overflow: hidden;
}

.pg.banner>img{width: 100%;}
.pg.banner{position: relative;}
.pg.banner .user_area{
	position: absolute;
	right:0px;
	top:.3rem;
	background: rgba(255,255,255,.5);
	border-radius:18px 0 0 18px;
	padding: 5px;
}
.pg.banner .user_area span{
	font-size:.2rem;
	color:#666;
	margin-left: .1rem;
	line-height: .5rem;
		
}

.pg.banner .user_area img{width: .5rem;}
.dq_con h1{
	font-size:.3rem;
	color:#545454;
	text-align: center;margin-bottom: .25rem;
}
.dq_con .jd{margin-top:.3rem;margin-bottom: .25rem;}
.dq_con .pl .time{
	margin-bottom: .25rem;
}
.dq_con .pl{margin-top:.4rem;}
.dq_con .jd>div{
	font-size:.22rem;
	color:#6e6e6e;
	padding: .6rem .3rem .3rem;
	background: url(../images/pg_bg01.png) no-repeat center center;
	background-size:cover;

}
.dq_con .pl span,
.dq_con .pl p{
	font-size:.24rem;
	color:#666;
}
.dq_con .pl span{
	width: 20%;
}
.dq_con .pl p{
	width:80%;
}
.dq_con .pl .pl-con{
	padding: .1rem;
	border:1px dashed #e6e6e6;
}





input {
	user-select:auto;
	-o-user-select:auto;
	-moz-user-select:auto;
	-webkit-user-select:auto;
}








